/*
* 课程详情页公用js
* author:luoronghang
* date:2010-11-25
*/
$(function(){
	tabs('#m_tab_tit','on','#m_tab_con');
	//鼠标划入视频区域出现阴影效果
	$('.video').hover(function(){
		$(this).addClass('hover_bg');
	},function(){
		$(this).removeClass('hover_bg');
	});
	//老师列表鼠标滑过变色
	$('.kecheng dl').hover(
		function(){
			$(this).addClass('hover').silbils('dl').removeClass('hover');
		},
		function(){
			$(this).removeClass('hover');
		}
	);
	// 老师列表
	teacherListShow($('#grade_tags li:eq(1)')[0]);
	$('#grade_tags li:gt(0)').click(function(){
		teacherListShow(this);
	});
	// 最新老师列表
	$('.teacher_head a').click(function(){
		teacherTopShow(this);
	});
	teacherTopShow($('.teacher_head a').eq(0)[0]);
});
function teacherListShow(d){
	var _index=$('#grade_tags li:gt(0)').index(d);
	var _box=$('#shows .gread');
	$(d).addClass('on').siblings('li').removeClass('on');
	_box.eq(_index).show().siblings('.gread').hide();
}
function teacherTopShow(d){
	var _index=$('.teacher_head a').index(d);
	var _box=$('.teacher_body ul');
	$(d).addClass('on').siblings('a').removeClass('on');
	_box.eq(_index).show().siblings().hide();
	
	//teacherTopHover(_box.eq(_index)[0]);	
	
	/* 如果上面的teacherTopHover打开则下面这块隐藏
	 * 1.上面是鼠标滑过设置li的background-position
	 * 2.下面是鼠标滑过设置样式（在上面的函数中已有此方法）
	 */
	_box.eq(_index).find('li').eq(0).addClass('hover').siblings('li').removeClass('hover');;
	_box.eq(_index).find('li').mouseover(function(){
		$(this).addClass('hover').siblings('li').removeClass('hover');
	})
}
function teacherTopHover(d){
	var _topic=jQuery('.teacher_body ul:visible');
	_topic.find('li').each(function(){
		var _i=-(_topic.find('li').index(this)*80);
		jQuery(this).css('background-position','left '+_i+'px');
	});
	_topic.find('li').eq(1).css('background-position','left -80px');
	_topic.find('li').hover(
		function(){
			var _i=-(_topic.find('li').index(this)*80);
			jQuery(this).addClass('hover').siblings('li').removeClass('hover');
			jQuery(this).css('background-position','left '+_i+'px');
		}
	);	
}
//scroll("tags","li","shows","div","on");
